﻿<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <head>
        <title>
            企业进销存系统
        </title>
        <link rel="stylesheet" href="./css/common.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="./css/common2.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="./css/selectedDay.css"/>
        <script type="text/javascript" src="./js/selectedDay.js"></script>
        <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> 
        <script type="text/javascript">
        var intRowIndex = 0;
        function getDetail(){
           intRowIndex = event.srcElement.parentElement.rowIndex;
           document.getElementById("overlaybg").style.display="block";
           document.getElementById("overlayDetail").style.display="block";
        }
        function closeOverlay(){
            document.getElementById("overlaybg").style.display="none";
            document.getElementById("overlayDetail").style.display="none";
        }
        </script>
    </head>
    
    <body >
      
           <div class="content-box-content">
            <div id="overlaybg"></div>
                <div  id="overlayDetail">
                    <div id="detailHead">
                        <p>出库记录详情</p>
                        <a href="#" onclick="closeOverlay()">x</a>
                    </div>
                    
                    <div class="detailContent">
                        销售网店：<br>
                        销售时间：<br>
                        经办人：<br>
                        <table class="detailTable">
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                            </tr>
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                            </tr>
                            <tr>
                                <td>产品类型</td>
                                <td>产品名称</td>
                                <td>产品规格</td>
                                <td>数量</td>
                            </tr>
                        </table>
                        备注：
                    </div>
                </div>
                <div class="search">
                    开始日期：
                    <input class="Wdate" type="text" id="Wdate" onfocus="HS_setDate(this)" />
                    结束日期：
                    <input class="Wdate" type="text" id="Wdate" onfocus="HS_setDate(this)"/>
                    销售网点：
                    <select>
                        <option>苏宁店</option>
                        <option>国美店</option>
                    </select>
                    销售编号：
                    <input type='text' value='1'/>
                    <div class='button'>查询</div> 
                </div>
                <div class="sellTable">
                    <table class="contentTable" width="1000">
                        <tfoot>
                            <tr>
                                <td colspan="9">
                                    <div class="pagination"> 
                                        <a href="#" class="number" title="第一页"><<</a>
                                        <a href="#" class="number" title="前一页"><</a> 
                                        <a href="#" class="number" title="1">1</a> 
                                        <a href="#" class="number" title="2">2</a> 
                                        <a href="#" class="number current" title="3">3</a> 
                                        <a href="#" class="number" title="4">4</a> 
                                        <a href="#" class="number" title="下一页">></a>
                                        <a href="#" class="number" title="最后一页">>></a> 
                                    </div>
                                </td>
                            </tr>
                        </tfoot>
                        <tr>
                           <!--  <td>+</td> -->
                            <td>销售编号</td>
                            <td>销售时间</td>
                            <td>经办人</td>
                            <td>销售网点</td>
                            <td>合计金额</td>
                            <td>折后金额</td>
                            <td>备注</td>
                        </tr>
                        <tr onclick="getDetail()">
                            <!-- <td>+</td> -->
                            <td>1</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr onclick="getDetail()">
                           <!--  <td>+</td> -->
                            <td>2</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr onclick="getDetail()">
                            <!-- <td>+</td> -->
                            <td>3</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr onclick="getDetail()">
                            <!-- <td>+</td> -->
                            <td>4</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </div>
                 
            </div>
       
    </body>
    <script>
    
    </script>

</html>